---
interface Props {
	minColumnWidth?: string;
}
const { minColumnWidth } = Astro.props;
---

<ul class="fluid-grid"><slot /></ul>

<style define:vars={{ minColumnWidth }}>
	.fluid-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--minColumnWidth, 11rem)), 1fr));
		gap: 1rem;
		list-style: none;
		padding: 0;
	}
	.fluid-grid > :global(*) {
		margin-top: 0 !important;
	}
</style>
